<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>#{msg.administracion}</title>
    </h:head>

    <h:body style="background-image: url('/images/fondogris.jpg')">
        <p:layout fullPage="true">
            <p:layoutUnit position="north" size="100" header="#{msg.administracion}" resizable="true" closable="true" collapsible="true">
                <h:form>
                    <p:menubar>
                        <p:menuitem value="#{msg.inicio}" icon="ui-icon-home" url="/index.html"></p:menuitem>

                        <p:menuitem value="#{msg.productos}" icon="ui-icon-plus" url="irAListadoProductos-flow"></p:menuitem>
                        <p:menuitem value="#{msg.buscar_producto}"  url="busquedaProd-flow" icon="ui-icon-folder-open"/>
                        
                        <p:menuitem value="#{msg.usuarios}" url="irAListadoUsuarios-flow" icon="ui-icon-person"></p:menuitem>
                        <p:menuitem value="#{msg.desconectar}" action="desconectar" icon="ui-icon-close" />
                    </p:menubar>
                </h:form>

            </p:layoutUnit>

            <p:layoutUnit position="south" size="250" header="Mensajes" resizable="true" closable="true" collapsible="true">
                <p:dataTable id="listadosms" value="#{mensajeController.mensajes}"
                             var="mensaje" emptyMessage="#{msg['no_sms']}">
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="#{msg.nombre}" />
                        </f:facet>
                        <h:outputText value="#{mensaje.nombre}" />
                    </p:column>

                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="#{msg.correo}" />
                        </f:facet>
                        <h:outputText value="#{mensaje.correo}" />
                    </p:column>

                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="#{msg.telefono}" />
                        </f:facet>
                        <h:outputText value="#{mensaje.telefono}" />
                    </p:column>
                    
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="#{msg.comentarios}" />
                        </f:facet>
                        <h:outputText value="#{mensaje.comentarios}" />
                    </p:column>

                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="#{msg.accion_borrar}" />
                        </f:facet>

                        <h:form>
                            <p:commandButton id="trash" title="Borrar" ajax="false" action="borrarSMS"  icon="ui-icon-trash" update="mensajes">
                                <f:setPropertyActionListener target="#{mensajeController.mimensaje}" value="#{mensaje}" />
                                <p:tooltip for="trash" hideEffect="slide"></p:tooltip>
                            </p:commandButton>
                            <p:commandButton id="responder" title="Responder"  ajax="false"  icon="ui-icon-arrowreturnthick-1-w" update="mensajes">
                                <a href="www.gmail.com"></a>
                                <p:tooltip for="responder" hideEffect="slide"></p:tooltip>
                            </p:commandButton>
                            
                        </h:form>
                    </p:column> 
                </p:dataTable>
            </p:layoutUnit>

            <p:layoutUnit position="west" size="350" header="Left" resizable="true" closable="true" collapsible="true">
                <p:calendar value="#{calendarBean.date1}" mode="inline" id="inlineCal"/>
            </p:layoutUnit>

            <p:layoutUnit position="center">
             
            </p:layoutUnit>

        </p:layout>



        <h:form>
            <p:toolbar>
                <p:toolbarGroup align="left">
                    <h:outputLink value="irAListadoProductos-flow">#{msg.ir_a_productos}</h:outputLink>
                    <p:separator />
                    <h:outputLink value="irAdmin-flow">#{msg.ir_a_pedidos}</h:outputLink>
                    <p:separator />
                    <h:outputLink value="busquedaProd-flow">#{msg.ir_a_busqueda}</h:outputLink>
                </p:toolbarGroup>
            </p:toolbar>
        </h:form>









    </h:body>
</html>
